<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>杂七杂八</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/codemirror/5.46.0/codemirror.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/codemirror/5.46.0/addon/hint/show-hint.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
    <script src="https://cdn.bootcss.com/codemirror/5.43.0/codemirror.min.js"></script>
    <script src="https://cdn.bootcss.com/codemirror/5.46.0/addon/hint/show-hint.min.js"></script>
    <script src="https://cdn.bootcss.com/codemirror/5.46.0/addon/hint/javascript-hint.min.js"></script>
    <script src="https://cdn.bootcss.com/codemirror/5.43.0/mode/javascript/javascript.min.js"></script>
    <script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
    <script src="https://cdn.bootcss.com/js-sha256/0.9.0/sha256.min.js"></script>
    <script src="https://cdn.bootcss.com/js-sha1/0.6.0/sha1.min.js"></script>
    <script src="https://cdn.bootcss.com/js-sha512/0.8.0/sha512.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
<div id="box" class="container">
    <div id="block1">
        <div id="d1">
            日期推算：&nbsp;&nbsp;&nbsp;&nbsp;（缺省为今天）<br>
            <span style="margin-left: 16px;">和</span>
            <input type="text" id="year1" required autocomplete="off">年
            <input type="text" id="month1" required autocomplete="off">月
            <input type="text" id="day1" required autocomplete="off">日
            <div>
                相差&nbsp;<input type="text" id="diffDay" required autocomplete="off">天（输入负数则往前计算）<br>
            </div>
            是：
            <span id="computeDateSpan">  </span>
            <br>
            <input id="ComputeDate" class="btn btn-primary" type="button" value="计算">
            <input type="reset" class="btn btn-primary" value="重置">
        </div>
        <div id="d2">
            计算日期差：<br>
            <input style="margin-left: 16px;" type="text" id="year2" required autocomplete="off">年
            <input type="text" id="month2" required autocomplete="off">月
            <input type="text" id="day2" required autocomplete="off">日<br>
            和<input type="text" id="year3" required autocomplete="off">年
            <input type="text" id="month3" required autocomplete="off">月
            <input type="text" id="day3" required autocomplete="off">日<br>

            相差：
            <span id="differenceDateSpan"> </span>
            天 <br>
            <input type="button" value="计算" id="differenceDateSubmit" class="btn btn-primary">
            <input type="reset" class="btn btn-primary" value="重置">
        </div>

        <div id="d3">
            二维码生成：
            <input type="button" class="btn btn-primary" value="生成" id="QRCodeButton">
            <input type="reset" class="btn btn-primary" value="重置">
            <br>
            <div style="margin-top: 5px;height: 200px;">
                <textarea name="content" id="content" cols="30" rows="10"></textarea>
                <img src="QRCode" alt="二维码" id="QRCode" style="width: 200px;height: 200px;margin-top: -185px;">
            </div>

        </div>
        <div id="d4">
            <p>全国身份证号码前六位对应地区查询</p>
            <label for="IDTopSix">
                <span>身份证前六位：</span>
            </label>
            <input type="text" id="IDTopSix" required maxlength="6" autocomplete="off">
            <input type="button" value="查询" class="btn btn-primary">
            <input type="reset" class="btn btn-primary" value="重置"><br>
            <span>对应地区：</span>
            <span id="IDTopSixSpan"></span><br>
        </div>
        <div id="d5">
            <label>GUID生成:</label>
            <br>
            <span id="spanGUID"></span>
            <br>
            <input class="btn btn-primary" id="btnGUID" type="button" value="生成">&nbsp;(点击可复制)
        </div>
        <div id="d7">
            <label>Java时间戳格式化</label>
            <br>
            <input style="width: 160px" type="text">
            <span></span>
            <br>
            <input id="btnJavaDateFormat" class="btn btn-primary" type="button" value="格式化" style="margin-top: 5px;">
        </div>
        <div id="d8">
            <label>md5加密</label>
            <br>
            <input style="width: 160px" type="text" value="123">&nbsp;(点击文字内容复制)
            <br>
            <span></span>
        </div>
    </div>

    <div id="block2">
        <div id="d6">
            <span>Json工具</span>
            <input type="button" class="btn btn-primary" value="格式化"/>
            <input type="button" class="btn btn-primary" value="压缩"/>
            <span>知乎:</span>
            <a target="_blank" class="btn btn-info" href="zhihu-collection.html">收藏</a>
            <a target="_blank" class="btn btn-info" href="zhihu-followingQuestions.html">关注的问题</a>
            <a target="_blank" class="btn btn-info" id="textcompare" href="textcompare.html">文本对比</a>
            <form id="form1" name="form1" style="overflow-y:scroll;margin-top: 5px;">
                <textarea class="language-css" name="sourcejson" id="sourcejson"
                          style="overflow-y:scroll;margin-top: 10px;height: 600px;" wrap="hard"></textarea>
            </form>
        </div>
        <div id="d9">
            <h3>随机数生成</h3>
            <span>数目:</span><input type="text" style="margin-left: 26px" value="10">
            分隔方式:
            <select id="randomType" style="margin-top: 10px;">
                <option value="none">无</option>
                <option value="whiteSpace">空格</option>
                <option value="comma">逗号</option>
                <option value="dot">小数点</option>
            </select>
            <br>
            <span>最小值:</span><input type="text" style="margin-top: 10px;margin-left: 10px" value="0">
            <span>最大值:</span><input type="text" style="margin-left: 21px" value="9">
            <br>
            <input class="btn btn-primary" type="button" value="生成" style="margin-top: 10px;">
            <br>
            <div style="margin-top: 10px;">结果:<span id="randomResult" style="margin-left: 5px;"></span></div>


        </div>

        <div id="d10" style="margin-top: 10px;">
            <span>连续加密</span>
            <br>
            <input style="width: 180px;margin-top: 5px;" type="text">
            <input type="button" class="btn btn-primary" value="清除"/>
            <br>
            <div style="margin-top: 10px;">
                <input type="button" class="btn btn-primary" value="md5"/>
                <input type="button" class="btn btn-primary" value="sha1"/>
                <input type="button" class="btn btn-primary" value="sha256"/>
                <input type="button" class="btn btn-primary" value="sha512"/>
            </div>
            <span></span>
            <br>
            <span></span>
        </div>
    </div>
</div>
<script src="js/jsonFormat.js"></script>
<script>

</script>
</body>
</html>


